<div class="header">
    <div class="mfbox">
        <div class="logo" id="com_logo" editok="online">
            <a href="/"><img style="width: 200px;height: 110px;margin-left: 70px;" src="<{:C('site_logo')}>" alt="<{:C('site_name')}>" /></a>
        </div>
        <div class="input">
            <div class="language">
                <li class="home">
                    <a href="#" onclick="javascript:setHomePage('<{:U('site_url')}>');"> Set Home </a>
                </li>
                <li class="favorite">
                    <a href="#" onclick="javascript:addFavorite('<{:U('site_url')}>','<{:U('site_name')}>');">Favorites</a>
                </li>
            </div>
            <div class="search">
                <form id="productSearch" name="productSearch" action="<{:U('Product/index')}>" method="get">
                    <input type="text" id="keywords" name="keywords" title="Enter the keyword or word you want to find..." value="" />
                    <input type="submit" align="middle" value="go" class="btn1" title="Enter the keyword or word you want to find..." />
                </form>
            </div>
        </div>
    </div>
</div>

<div class="clear"></div>
<script type="text/javascript">
    $(function(){
        $('.menu>li').hover(function(){
            $(this).find('.second-nav').stop().slideDown();
        },function(){
            $(this).find('.second-nav').stop().slideUp();
        })

        $('.second-nav').find('li').hover(function(){
            $(this).find('.third-nav').stop().slideDown();
        },function(){
            $(this).find('.third-nav').stop().slideUp();
        })

        $('.third-nav').find('li').hover(function(){
            $(this).find('.four-nav').stop().slideDown();
        },function(){
            $(this).find('.four-nav').stop().slideUp();
        })
    });
</script>
<div class="navBox">
    <ul class="menu">
        <li><a href="/">HOME</a></li><li><a href="<{:U('Product/index')}>">PRODUCT</a></li>
        <li><a href="<{:U('About/index')}>">Guideline and Tips</a></li>
        <li>
            <a href="<{:U('News/index',array('cateID'=>11))}>">News</a>
            <ul class="second-nav">
                <li class="third-nav">
                    <a href="<{:U('News/index',array('cateID'=>71))}>">Industry news</a> 
                </li>
                <li class="third-nav">
                    <a href="<{:U('News/index',array('cateID'=>72))}>">Enterprise news</a>
                </li>
            </ul>
        </li>
        <li><a href="<{:U('Contact/feedback')}>">Contract us</a></li>
    </ul>
</div>
